<template>
  <div style="color: #515a6e;display: flex;" >
    <span class="titlecolor" style="display: inline-block;margin-left: 10px;font-size: 20px;font-weight: bold;">{{ val }}</span>
    <div style="margin-left: 20px;"  v-if="orgin==='app'">
      <div style="color: #1e9fff;font-weight: bold;">手机下单</div>
    </div>
    <div style="margin-left: 20px;" v-if="orgin==='zd'">
      <div style="color: #1e9fff;font-weight: bold;">终端下单</div>
    </div>
  </div>

</template>
<script  setup>
import tool from "@/utils/tool";
defineProps({
  val: {type: String, default: ''},
})
const orgin = defineModel()
import {ref, computed} from "vue";

const fApi = ref({})


const setApi = (api) => {
  fApi.value = api
}

defineExpose({setApi,  })

</script>
<style scoped lang="scss">

</style>